/* 基础色值 */
$black: #000000;
$white: #ffffff;
$gray-1: #f7f8fa;
$gray-2: #f2f3f5;
$gray-3: #ebedf0;
$gray-4: #dcdee0;
$gray-5: #c8c9cc;
$gray-6: #969799;
$gray-7: #646566;
$gray-8: #323233;

/* 背景色 */
$background-color: $gray-1;
$background-color-light: #fafafa;

// 主题色
$color-primary: #2979ff;
$color-primary-light: #ecf5ff;
$color-primary-dark: #2b85e4;
$color-primary-disabled: #a0cfff;

// 信息色
$color-info: #909399;
$color-info-light: #f4f4f5;
$color-info-dark: #82848a;
$color-info-disabled: #c8c9cc;

// 警告色
$color-warning: #ff976a;
$color-warning-light: #fcf4e5;
$color-warning-dark: #df9220;
$color-warning-disabled: #fbdd95;

// 成功色
$color-success: #07c160;
$color-success-light: #dbf1e1;
$color-success-dark: #18b566;
$color-success-disabled: #71d5a1;

// 危险色
$color-danger: #ee0a24;
$color-danger-light: #fef0f0;
$color-danger-dark: #dd6161;
$color-danger-disabled: #fab6b6;

/* 文字大小 */
$font-size-xs: 20rpx;
$font-size-sm: 24rpx;
$font-size-md: 28rpx;
$font-size-lg: 32rpx;
$line-height-xs: 28rpx;
$line-height-sm: 36rpx;
$line-height-md: 40rpx;
$line-height-lg: 44rpx;

/* 文字颜色 */
$text-color: $gray-8;
$content-color: $gray-7;
$tips-color: $gray-6;
$light-color: $gray-5;
$placeholder-color: $gray-5;
$disabled-color: $gray-5;
$active-color: $gray-2;
$text-link-color: #576b95;

/* 透明度 */
$active-opacity: 0.7;
$disabled-opacity: 0.5;

/* padding */
$padding-base: 4rpx;
$padding-xs: $padding-base * 2;
$padding-sm: $padding-base * 3;
$padding-md: $padding-base * 4;
$padding-lg: $padding-base * 6;
$padding-xl: $padding-base * 8;

/* 边框 */
$border-color: $gray-3;
$border-color-light: $gray-2;
$border-width-base: 1px;
$border-radius-sm: 4rpx;
$border-radius-md: 8rpx;
$border-radius-lg: 16rpx;
$border-radius-max: 999px;

/* 阴影 */
$box-shadow-base: 0 4rpx 8rpx rgba(0, 0, 0, 0.12), 0 0 12rpx rgba(0, 0, 0, 0.04);
$box-shadow-dark: 0 4rpx 8rpx rgba(0, 0, 0, 0.12), 0 0 12rpx rgba(0, 0, 0, 0.12);
$box-shadow-light: 0 4rpx 24rpx 0 rgba(0, 0, 0, 0.1);
